{% extends 'base.html' %}
{% from 'bootstrap/form.html' import render_form %}
{% from 'bootstrap/nav.html' import render_nav_item %}

{% block content %}
    <div class="page-header">
        <h1>个人设置</h1>
    </div>
    <div class="row">
        <div class="col-md-3">
            <div class="nav nav-pills flex-column" role="tablist" aria-orientation="vertical">
                {{ render_nav_item('user.edit_profile','编辑个人信息') }}
                {{ render_nav_item('user.change_password', '修改密码') }}
                {{ render_nav_item('user.change_email_request', '修改邮箱') }}
                {{ render_nav_item('user.notification_setting', '通知') }}
                {{ render_nav_item('user.privacy_setting', '个人隐私') }}
                {{ render_nav_item('user.delete_account', '注销用户') }}
                {{ render_nav_item('user.change_avatar', '修改头像') }}
            </div>
        </div>
        <div class="col-md-9">
            {# 重写用户资料信息 #}
            {% block setting_content %}

            {% endblock %}
        </div>
    </div>
{% endblock %}
